// #container {
//     height: 100vh;
//     width: 100vw;
//     .el-header {
//       padding: 0;
//       height: 85px !important;
//       // background-color: #409eff;
//       color: #333;
//       float: right;
//       .header-top{
//         height: 50px;
//         width: 100%;
//         box-shadow: solid 1px #c3d8f3;
//         .user{
//           width: 45px;
//           height: 45px;
//           float: right;
//           overflow: hidden;
//           margin: 5px 5px 0 0 ;
//           .setting_right{
//             width: 100%;
//             height: 100%;
//             .el-dropdown{
//               width: 100%;
//               height: 100%;
//               .el-dropdown-link{
//                 width: 100%;
//                 height: 100%;
//                 display: block;
//                 .el-avatar{
//                   width: 100%;
//                   height: 100%;
//                 }
//               }
//             }
//           }
//           img{
//             width: 100%;
//             height: 100%;
//           }
//         }
//       }
//     }
//   }
//   .el-aside {
//     background-color: #304156;
//     color: rgb(255, 245, 245);
//     line-height: 200px;
//     height: 100vh;
//     float: left;
//     min-width: 65px;
//     .logo{
//       line-height: 85px;
//       height: 85px;
//       margin-left: 20px;
//       overflow: hidden;
//       position: relative;
//       img{
//         width: 30px;
//         float: left;
//         margin: 27px 0px 0px 0px;
//         opacity: 1;
//         transition: 0.3s linear;
//       }
//       span {
//         color: #fff;
//         padding-left: 10px;
//         float: left;
//         font-size: 11px;
//         font-weight: bolder;
//         position: absolute;
//         top: 0px;
//         left: 30px;
        
//       }
//     }
//     .el-menu-vertical-demo:not(.el-menu--collapse) {
//       width: 200px;
//       min-height: 400px;
//     }
//     .el-menu-vertical-demo {
//       border: none;
//       .el-menu{
//         .el-menu-item{
//           height: 35px;
//           line-height: 35px;
//         }
//         .el-menu-item:hover{
//           background-color: #5a656f;
//         }
//       }
//       .el-submenu{
//         div{
//           i{
//             margin: 0 7px 0 3px ;
//             font-size: 20px ;
//           }
//         }
//         .el-menu {
//           li{
//             i{
//               font-size: 20px;
//               margin: 0 7px 0 3px ;
//             }
//           }
//         }
//       }      
      
//     }
//   }
  
//   .el-main {
//     background-color: #fff;
//     color: #333;
//   }
//   body > .el-container {
//     margin-bottom: 40px;
//   }
  
//   .el-container:nth-child(5) .el-aside,
//   .el-container:nth-child(6) .el-aside {
//     line-height: 260px;
//   }
  
//   .el-container:nth-child(7) .el-aside {
//     line-height: 320px;
//   }




// // .fade-enter-active, .fade-leave-active {
// //   transition: opacity 0.3s
// // }
// // .fade-enter, .fade-leave-to{
// //   opacity: 0
// // }